<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,uesr-scalable=no ,maximum-scale=1.0,minimum-scale=1.0"
    />
    <link rel="icon" href="../images/favicon.ico" />

    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/myPage.css" />
    <link
      rel="stylesheet"
      href="http://at.alicdn.com/t/c/font_4701356_jr9gxsagt.css"
    />
    <script src="../js/flexible.js"></script>
    <title>我的</title>
  </head>
  <body>
    <header>
      <div class="profile-picture"></div>
      <span>登录/注册</span>
    </header>
    <div class="order-goods">
      <p>我的订单</p>
      <span>全部订单</span>
      <i class="iconfont icon-arrow-right"></i>
    </div>
    <nav>
      <div class="item">
        <img src="../images/a1.png" alt="" />
        <span>待付款</span>
      </div>
      <div class="item">
        <img src="../images/a2.png" alt="" />
        <span>待收货</span>
      </div>
      <div class="item">
        <img src="../images/a3.png" alt="" />
        <span>退换修</span>
      </div>
    </nav>
    <article>
      <div class="list-item">
        <img src="../images/n1.png" alt="" />
        <div class="list-text">
          <span>会员中心</span>
          <i class="iconfont icon-arrow-right"></i>
        </div>
      </div>
      <div class="list-item">
        <img src="../images/n2.png" alt="" />
        <div class="list-text" style="border: none">
          <span>我的优惠</span>
          <i class="iconfont icon-arrow-right"></i>
        </div>
      </div>
      <div class="border"></div>
      <div class="list-item">
        <img src="../images/n3.png" alt="" />
        <div class="list-text">
          <span>服务中心</span>
          <i class="iconfont icon-arrow-right"></i>
        </div>
      </div>
      <div class="list-item">
        <img src="../images/n4.png" alt="" />
        <div class="list-text" style="border: none">
          <span>小米之家</span>
          <i class="iconfont icon-arrow-right"></i>
        </div>
      </div>
      <div class="border"></div>

      <div class="list-item">
        <img src="../images/n5.png" alt="" />
        <div class="list-text">
          <span>我的F码</span>
          <i class="iconfont icon-arrow-right"></i>
        </div>
      </div>

      <div class="list-item">
        <img src="../images/n6.png" alt="" />
        <div class="list-text" style="border: none">
          <span>礼物码兑换</span>
          <i class="iconfont icon-arrow-right"></i>
        </div>
      </div>
      <div class="border"></div>
      <div class="list-item">
        <img src="../images/n7.png" alt="" />
        <div class="list-text" style="border: none">
          <span>设置</span>
          <i class="iconfont icon-arrow-right"></i>
        </div>
      </div>
    </article>
    <footer>
      <div class="footer-item">
        <img src="../images/f1.png" alt="" />
        <p>首页</p>
      </div>
      <div class="footer-item">
        <img src="../images/f2.png" alt="" />
        <p>分类</p>
      </div>
      <div class="footer-item">
        <img src="../images/f3.png" alt="" />
        <p>米圈</p>
      </div>
      <div class="footer-item">
        <img src="../images/f4.png" alt="" />
        <p>购物车</p>
      </div>
      <div class="footer-item">
        <img src="../images/f5.png" alt="" />
        <p>我的</p>
      </div>
    </footer>
  </body>
</html>
